<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<script type="text/javascript" src="Plug/jquery-1.11.3.min.js"></script>
		<title>完善资料-模特</title>
		<script src="Plug/layer-v3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--layer  弹框插件-->
		<link rel="stylesheet" href="static/css/base/reset.css" />
		<!--jqyery-weiui插件 -->
		<link rel="stylesheet" href="Plug/jquery-weui/jquery-weui.min.css">
		<link rel="stylesheet" href="Plug/jquery-weui/weui.min.css">
		<script src="Plug/jquery-weui/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script src="Plug/jquery-weui/js/city-picker.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播插件-->
		<link rel="stylesheet" type="text/css" href="Plug/swiper/swiper.min.css" />
		<script src="Plug/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<!--重置样式-->
		<link rel="stylesheet" href="static/css/base/main.css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_990287_56nbl4xfrjs.css" />
		<!--阿里云图标库-->
		<script src="static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<!---------------公共导入分割线------------------------>
		<!--本页样式-->
		<link rel="stylesheet" type="text/css" href="static/css/my/fill_data.css" />
	</head>

	<body>
		<div class="have_bar_wrap">
		<div class="fill_data_top flex_cb">
			<a class="back" href="javascript:void(0)"><i class="iconfont icon-xuanzeqishangyige"></i></a>
			<span>完善资料-模特</span>
			<!--<a class="fill_save" href="javascript:void(0)">保存</a>-->
		</div>
		<ul class="fill_data_list">
			<li>
				<span>身高</span>
				<input placeholder="请填写身高(cm)" type="" name="" id="" value="" />
				<i class="iconfont icon-xuanzeqixiayige"></i>
			</li>
			<li>
				<span>体重</span>
				<input placeholder="请填写体重(kg)" type="" name="" id="" value="" />
				<i class="iconfont icon-xuanzeqixiayige"></i>
			</li>
			<li>
				<span>鞋码</span>
				<input id="" placeholder="请填写您的鞋码(码)" type="number" name="" id="" value="" />
				<i class="iconfont icon-xuanzeqixiayige"></i>
			</li>
			<li>
				<span>三围</span>
				<div class="flex_cl sanwei">
					<input class="sanwei_input" type="" name="" id="" value="" />
					<input class="sanwei_input" type="" name="" id="" value="" />
					<input class="sanwei_input" type="" name="" id="" value="" />
					<i class="iconfont icon-xuanzeqixiayige"></i>
				</div>
			</li>
			<li>
				<span>约拍报价</span>
				<input id="baojia" placeholder="请选择您的报价" type="" name="" id="" value="" />
				<i class="iconfont icon-xuanzeqixiayige"></i>
			</li>
			<li class="pay_mode">
				<span id="payname">收费金额</span>
				<input id="payInput" placeholder="请输入收费金额" type="number" name="" id="" value="" />
				<b class="fill_data_list_dw">元/天</b>
			</li>
		</ul>
		<div class="choice_tip">
			<div class="choice_tip_tit">
				<i class="iconfont icon-ruler zhuanye_icon"></i>
				<span>尺度标签（多选）</span>
			</div>
			<div class="choice_tiplist">
				<a class="choice_tip_action" href="javascript:void(0)">正常尺度</a>
				<a href="javascript:void(0)">内衣尺度</a>
				<a href="javascript:void(0)">半裸尺度</a>
				<a href="javascript:void(0)">全裸尺度</a>
				<a href="javascript:void(0)">不限尺度</a>
			</div>
		</div>
		<div class="choice_tip">
			<div class="choice_tip_tit">
				<i class="iconfont icon-zhuanye zhuanye_icon"></i>
				<span>专业标签（多选）</span>
			</div>
			<div class="choice_tiplist">
				<a class="choice_tip_action" href="javascript:void(0)">平面模特</a>
				<a href="javascript:void(0)">礼仪模特</a>
				<a href="javascript:void(0)">T台模特</a>
				<a href="javascript:void(0)">发型模特</a>
				<a href="javascript:void(0)">内衣模特</a>
				<a href="javascript:void(0)">人体模特</a>
				<a href="javascript:void(0)">外籍模特</a>
				<a href="javascript:void(0)">彩绘模特</a>
				<a href="javascript:void(0)">车展模特</a>
				<a href="javascript:void(0)">演员</a>
				<a href="javascript:void(0)">主播</a>
				<a href="javascript:void(0)">网红</a>
				<a href="javascript:void(0)">艺人</a>
				<a href="javascript:void(0)">歌手</a>
				<a href="javascript:void(0)">主持人</a>
				<a href="javascript:void(0)">舞蹈</a>
				<a href="javascript:void(0)">Coser</a>
				<a href="javascript:void(0)">商务模特</a>
			</div>
		</div>
		<div class="choice_tip">
			<div class="choice_tip_tit flex_cl">
				<i class="iconfont icon-fengge fengge_icon"></i>
				<span>风格标签（多选）</span>
			</div>
			<div class="choice_tiplist">
				<a class="choice_tip_action" href="javascript:void(0)">时尚</a>
				<a href="javascript:void(0)">性感</a>
				<a href="javascript:void(0)">暗黑</a>
				<a href="javascript:void(0)">情绪</a>
				<a href="javascript:void(0)">胶片</a>
				<a href="javascript:void(0)">校园</a>
				<a href="javascript:void(0)">纪实</a>
				<a href="javascript:void(0)">妆面</a>
				<a href="javascript:void(0)">日系</a>
				<a href="javascript:void(0)">复古</a>
				<a href="javascript:void(0)">COS</a>
				<a href="javascript:void(0)">少女</a>
				<a href="javascript:void(0)">青春</a>
				<a href="javascript:void(0)">糖水</a>
				<a href="javascript:void(0)">情侣</a>
				<a href="javascript:void(0)">爱情</a>
				<a href="javascript:void(0)">封面</a>
				<a href="javascript:void(0)">夜景</a>
				<a href="javascript:void(0)">欧美</a>
				<a href="javascript:void(0)">古风</a>
				<a href="javascript:void(0)">清新</a>
				<a href="javascript:void(0)">淘宝</a>
				<a href="javascript:void(0)">森系</a>
				<a href="javascript:void(0)">视觉</a>
				<a href="javascript:void(0)">非主流</a>
				<a href="javascript:void(0)">哥特</a>
			</div>
		</div>
		<a class="next_fill flex_cc" href="javascript:void(0)">下一步</a>
	</div>
		<script type="text/javascript">
			$("#baojia").picker({
				title: "请选择您的报价模式",
				cols: [{
					textAlign: 'center',
					values: ['互免', '希望收入', '愿意支付']
				}],
				onClose: function(d) {
					val = (this, d.displayValue);
					alert(JSON.stringify(val))
					if(val == "希望收入") {
						$(".pay_mode").css("display", "flex")
						$("#payname").text("收费金额");
						$("#payInput").attr("placeholder", "请输入收费金额");
					} else if(val == "愿意支付") {
						$(".pay_mode").css("display", "flex");
						$("#payname").text("付费金额");
						$("#payInput").attr("placeholder", "请输入付费金额");
					} else {
						$(".pay_mode").css("display", "none")
					}
				}
			});
			$(function() {
				$(document).on("click", ".choice_tiplist a", function() {
					if($(this).hasClass("choice_tip_action")) {
						$(this).removeClass("choice_tip_action");
					} else {
						$(this).addClass("choice_tip_action");
						var tipnum = $(this).parent().find(".choice_tip_action").length;
						if(tipnum > 5) {
							Msg("最多只能选择5个");
							$(this).removeClass("choice_tip_action");
							return false;
						}
					}
				})
				$(document).on("click", ".info_picture img", function() {
					$(this).remove();
				})
			})
		</script>
	</body>

</html>